<template>
  <div class="category">
  <item title="游戏">
    <template scope="data">
      <ul >
        <li v-for="(game,index) in data.data " :key="index">{{game}}</li>
      </ul>
    </template>
  </item>
  <item title="游戏">
    <template scope="{data}">
      <ol >
        <li v-for="(game,index) in data " :key="index">{{game}}</li>
      </ol>
    </template>
  </item>
  </div>
</template>

<script>
import Item from "./Item";
export default {
  name: "Category",
  components:{Item}
}
</script>

<style scoped lang="less">
  .category{
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
</style>
